<div class="page page-icons">

   <section class="row">
        <div class="col-md-4">
            <div class="card bg-white">
                <div class="card-content white-text">
                    <span class="card-title">Font Awesome 4.5.x</span>
                    <p>Font Awesome gives you <mark>605</mark> scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.</p>
                </div>
                <div class="card-action">
                    <a href="http://fontawesome.io/icons/" target="_blank" class="color-primary">Complete lists here</a>
                </div>
            </div> 
        </div>

        <div class="col-md-4">
            <div class="card bg-white">
                <div class="card-content white-text">
                    <span class="card-title">Bootstrap Glyphicons</span>
                    <p>Includes <mark>250+</mark> glyphs in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but available for Bootstrap free of cost.</p>
                </div>
                <div class="card-action">
                    <a href="http://getbootstrap.com/components/#glyphicons" target="_blank" class="color-primary">Complete lists here</a>
                </div>
            </div>                     
        </div>
    </section>

    <div class="divider"></div>
    <section class="row">
        <div class="col-lg-8 clearfix">
            <h2 class="section-header">Material Icons</h2>
        </div>
        <div class="col-md-12">
            <div class="panel panel-default icon-material text-center">
                <div class="panel-body">

                    <section class="icon-set" id="application">
                        <h2 class="page-header">Web Application</h2>
                        <div class="clearfix">
                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="3d-rotation" data-code="f101"> <p> <i class="zmdi zmdi-3d-rotation"></i> <span>3d-rotation</span> </p>
                            </div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="airplane-off" data-code="f102"><p><i class="zmdi zmdi-airplane-off"></i> <span>airplane-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="airplane" data-code="f103"><p><i class="zmdi zmdi-airplane"></i> <span>airplane</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="album" data-code="f104"><p><i class="zmdi zmdi-album"></i> <span>album</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="archive" data-code="f105"><p><i class="zmdi zmdi-archive"></i> <span>archive</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="assignment-account" data-code="f106"><p><i class="zmdi zmdi-assignment-account"></i> <span>assignment-account</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="assignment-alert" data-code="f107"><p><i class="zmdi zmdi-assignment-alert"></i> <span>assignment-alert</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="assignment-check" data-code="f108"><p><i class="zmdi zmdi-assignment-check"></i> <span>assignment-check</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="assignment-o" data-code="f109"><p><i class="zmdi zmdi-assignment-o"></i> <span>assignment-o</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="assignment-return" data-code="f10a"><p><i class="zmdi zmdi-assignment-return"></i> <span>assignment-return</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="assignment-returned" data-code="f10b"><p><i class="zmdi zmdi-assignment-returned"></i> <span>assignment-returned</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="assignment" data-code="f10c"><p><i class="zmdi zmdi-assignment"></i> <span>assignment</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="attachment-alt" data-code="f10d"><p><i class="zmdi zmdi-attachment-alt"></i> <span>attachment-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="attachment" data-code="f10e"><p><i class="zmdi zmdi-attachment"></i> <span>attachment</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="audio" data-code="f10f"><p><i class="zmdi zmdi-audio"></i> <span>audio</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="badge-check" data-code="f110"><p><i class="zmdi zmdi-badge-check"></i> <span>badge-check</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="balance-wallet" data-code="f111"><p><i class="zmdi zmdi-balance-wallet"></i> <span>balance-wallet</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="balance" data-code="f112"><p><i class="zmdi zmdi-balance"></i> <span>balance</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="battery-alert" data-code="f113"><p><i class="zmdi zmdi-battery-alert"></i> <span>battery-alert</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="battery-flash" data-code="f114"><p><i class="zmdi zmdi-battery-flash"></i> <span>battery-flash</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="battery-unknown" data-code="f115"><p><i class="zmdi zmdi-battery-unknown"></i> <span>battery-unknown</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="battery" data-code="f116"><p><i class="zmdi zmdi-battery"></i> <span>battery</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="bike" data-code="f117"><p><i class="zmdi zmdi-bike"></i> <span>bike</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="block-alt" data-code="f118"><p><i class="zmdi zmdi-block-alt"></i> <span>block-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="block" data-code="f119"><p><i class="zmdi zmdi-block"></i> <span>block</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="boat" data-code="f11a"><p><i class="zmdi zmdi-boat"></i> <span>boat</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="book-image" data-code="f11b"><p><i class="zmdi zmdi-book-image"></i> <span>book-image</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="book" data-code="f11c"><p><i class="zmdi zmdi-book"></i> <span>book</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="bookmark-outline" data-code="f11d"><p><i class="zmdi zmdi-bookmark-outline"></i> <span>bookmark-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="bookmark" data-code="f11e"><p><i class="zmdi zmdi-bookmark"></i> <span>bookmark</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="brush" data-code="f11f"><p><i class="zmdi zmdi-brush"></i> <span>brush</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="bug" data-code="f120"><p><i class="zmdi zmdi-bug"></i> <span>bug</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="bus" data-code="f121"><p><i class="zmdi zmdi-bus"></i> <span>bus</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cake" data-code="f122"><p><i class="zmdi zmdi-cake"></i> <span>cake</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="car-taxi" data-code="f123"><p><i class="zmdi zmdi-car-taxi"></i> <span>car-taxi</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="car-wash" data-code="f124"><p><i class="zmdi zmdi-car-wash"></i> <span>car-wash</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="car" data-code="f125"><p><i class="zmdi zmdi-car"></i> <span>car</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="card-giftcard" data-code="f126"><p><i class="zmdi zmdi-card-giftcard"></i> <span>card-giftcard</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="card-membership" data-code="f127"><p><i class="zmdi zmdi-card-membership"></i> <span>card-membership</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="card-travel" data-code="f128"><p><i class="zmdi zmdi-card-travel"></i> <span>card-travel</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="card" data-code="f129"><p><i class="zmdi zmdi-card"></i> <span>card</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="case-check" data-code="f12a"><p><i class="zmdi zmdi-case-check"></i> <span>case-check</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="case-download" data-code="f12b"><p><i class="zmdi zmdi-case-download"></i> <span>case-download</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="case-play" data-code="f12c"><p><i class="zmdi zmdi-case-play"></i> <span>case-play</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="case" data-code="f12d"><p><i class="zmdi zmdi-case"></i> <span>case</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cast-connected" data-code="f12e"><p><i class="zmdi zmdi-cast-connected"></i> <span>cast-connected</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cast" data-code="f12f"><p><i class="zmdi zmdi-cast"></i> <span>cast</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="chart-donut" data-code="f130"><p><i class="zmdi zmdi-chart-donut"></i> <span>chart-donut</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="chart" data-code="f131"><p><i class="zmdi zmdi-chart"></i> <span>chart</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="city-alt" data-code="f132"><p><i class="zmdi zmdi-city-alt"></i> <span>city-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="city" data-code="f133"><p><i class="zmdi zmdi-city"></i> <span>city</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="close-circle-o" data-code="f134"><p><i class="zmdi zmdi-close-circle-o"></i> <span>close-circle-o</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="close-circle" data-code="f135"><p><i class="zmdi zmdi-close-circle"></i> <span>close-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="close" data-code="f136"><p><i class="zmdi zmdi-close"></i> <span>close</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cocktail" data-code="f137"><p><i class="zmdi zmdi-cocktail"></i> <span>cocktail</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="code-setting" data-code="f138"><p><i class="zmdi zmdi-code-setting"></i> <span>code-setting</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="code-smartphone" data-code="f139"><p><i class="zmdi zmdi-code-smartphone"></i> <span>code-smartphone</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="code" data-code="f13a"><p><i class="zmdi zmdi-code"></i> <span>code</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="coffee" data-code="f13b"><p><i class="zmdi zmdi-coffee"></i> <span>coffee</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-bookmark" data-code="f13c"><p><i class="zmdi zmdi-collection-bookmark"></i> <span>collection-bookmark</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-case-play" data-code="f13d"><p><i class="zmdi zmdi-collection-case-play"></i> <span>collection-case-play</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-folder-image" data-code="f13e"><p><i class="zmdi zmdi-collection-folder-image"></i> <span>collection-folder-image</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-image-o" data-code="f13f"><p><i class="zmdi zmdi-collection-image-o"></i> <span>collection-image-o</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-image" data-code="f140"><p><i class="zmdi zmdi-collection-image"></i> <span>collection-image</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-item-1" data-code="f141"><p><i class="zmdi zmdi-collection-item-1"></i> <span>collection-item-1</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-item-2" data-code="f142"><p><i class="zmdi zmdi-collection-item-2"></i> <span>collection-item-2</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-item-3" data-code="f143"><p><i class="zmdi zmdi-collection-item-3"></i> <span>collection-item-3</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-item-4" data-code="f144"><p><i class="zmdi zmdi-collection-item-4"></i> <span>collection-item-4</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-item-5" data-code="f145"><p><i class="zmdi zmdi-collection-item-5"></i> <span>collection-item-5</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-item-6" data-code="f146"><p><i class="zmdi zmdi-collection-item-6"></i> <span>collection-item-6</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-item-7" data-code="f147"><p><i class="zmdi zmdi-collection-item-7"></i> <span>collection-item-7</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-item-8" data-code="f148"><p><i class="zmdi zmdi-collection-item-8"></i> <span>collection-item-8</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-item-9-plus" data-code="f149"><p><i class="zmdi zmdi-collection-item-9-plus"></i> <span>collection-item-9-plus</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-item-9" data-code="f14a"><p><i class="zmdi zmdi-collection-item-9"></i> <span>collection-item-9</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-item" data-code="f14b"><p><i class="zmdi zmdi-collection-item"></i> <span>collection-item</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-music" data-code="f14c"><p><i class="zmdi zmdi-collection-music"></i> <span>collection-music</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-pdf" data-code="f14d"><p><i class="zmdi zmdi-collection-pdf"></i> <span>collection-pdf</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-plus" data-code="f14e"><p><i class="zmdi zmdi-collection-plus"></i> <span>collection-plus</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-speaker" data-code="f14f"><p><i class="zmdi zmdi-collection-speaker"></i> <span>collection-speaker</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-text" data-code="f150"><p><i class="zmdi zmdi-collection-text"></i> <span>collection-text</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="collection-video" data-code="f151"><p><i class="zmdi zmdi-collection-video"></i> <span>collection-video</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="compass" data-code="f152"><p><i class="zmdi zmdi-compass"></i> <span>compass</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cutlery" data-code="f153"><p><i class="zmdi zmdi-cutlery"></i> <span>cutlery</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="delete" data-code="f154"><p><i class="zmdi zmdi-delete"></i> <span>delete</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="dialpad" data-code="f155"><p><i class="zmdi zmdi-dialpad"></i> <span>dialpad</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="dns" data-code="f156"><p><i class="zmdi zmdi-dns"></i> <span>dns</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="drink" data-code="f157"><p><i class="zmdi zmdi-drink"></i> <span>drink</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="edit" data-code="f158"><p><i class="zmdi zmdi-edit"></i> <span>edit</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="email-open" data-code="f159"><p><i class="zmdi zmdi-email-open"></i> <span>email-open</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="email" data-code="f15a"><p><i class="zmdi zmdi-email"></i> <span>email</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="eye-off" data-code="f15b"><p><i class="zmdi zmdi-eye-off"></i> <span>eye-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="eye" data-code="f15c"><p><i class="zmdi zmdi-eye"></i> <span>eye</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="eyedropper" data-code="f15d"><p><i class="zmdi zmdi-eyedropper"></i> <span>eyedropper</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="favorite-outline" data-code="f15e"><p><i class="zmdi zmdi-favorite-outline"></i> <span>favorite-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="favorite" data-code="f15f"><p><i class="zmdi zmdi-favorite"></i> <span>favorite</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="filter-list" data-code="f160"><p><i class="zmdi zmdi-filter-list"></i> <span>filter-list</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="fire" data-code="f161"><p><i class="zmdi zmdi-fire"></i> <span>fire</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="flag" data-code="f162"><p><i class="zmdi zmdi-flag"></i> <span>flag</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="flare" data-code="f163"><p><i class="zmdi zmdi-flare"></i> <span>flare</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="flash-auto" data-code="f164"><p><i class="zmdi zmdi-flash-auto"></i> <span>flash-auto</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="flash-off" data-code="f165"><p><i class="zmdi zmdi-flash-off"></i> <span>flash-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="flash" data-code="f166"><p><i class="zmdi zmdi-flash"></i> <span>flash</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="flip" data-code="f167"><p><i class="zmdi zmdi-flip"></i> <span>flip</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="flower-alt" data-code="f168"><p><i class="zmdi zmdi-flower-alt"></i> <span>flower-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="flower" data-code="f169"><p><i class="zmdi zmdi-flower"></i> <span>flower</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="font" data-code="f16a"><p><i class="zmdi zmdi-font"></i> <span>font</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="fullscreen-alt" data-code="f16b"><p><i class="zmdi zmdi-fullscreen-alt"></i> <span>fullscreen-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="fullscreen-exit" data-code="f16c"><p><i class="zmdi zmdi-fullscreen-exit"></i> <span>fullscreen-exit</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="fullscreen" data-code="f16d"><p><i class="zmdi zmdi-fullscreen"></i> <span>fullscreen</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="functions" data-code="f16e"><p><i class="zmdi zmdi-functions"></i> <span>functions</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="gas-station" data-code="f16f"><p><i class="zmdi zmdi-gas-station"></i> <span>gas-station</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="gesture" data-code="f170"><p><i class="zmdi zmdi-gesture"></i> <span>gesture</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="globe-alt" data-code="f171"><p><i class="zmdi zmdi-globe-alt"></i> <span>globe-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="globe-lock" data-code="f172"><p><i class="zmdi zmdi-globe-lock"></i> <span>globe-lock</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="globe" data-code="f173"><p><i class="zmdi zmdi-globe"></i> <span>globe</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="graduation-cap" data-code="f174"><p><i class="zmdi zmdi-graduation-cap"></i> <span>graduation-cap</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="home" data-code="f175"><p><i class="zmdi zmdi-home"></i> <span>home</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hospital-alt" data-code="f176"><p><i class="zmdi zmdi-hospital-alt"></i> <span>hospital-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hospital" data-code="f177"><p><i class="zmdi zmdi-hospital"></i> <span>hospital</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hotel" data-code="f178"><p><i class="zmdi zmdi-hotel"></i> <span>hotel</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hourglass-alt" data-code="f179"><p><i class="zmdi zmdi-hourglass-alt"></i> <span>hourglass-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hourglass-outline" data-code="f17a"><p><i class="zmdi zmdi-hourglass-outline"></i> <span>hourglass-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hourglass" data-code="f17b"><p><i class="zmdi zmdi-hourglass"></i> <span>hourglass</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="http" data-code="f17c"><p><i class="zmdi zmdi-http"></i> <span>http</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="image-alt" data-code="f17d"><p><i class="zmdi zmdi-image-alt"></i> <span>image-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="image-o" data-code="f17e"><p><i class="zmdi zmdi-image-o"></i> <span>image-o</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="image" data-code="f17f"><p><i class="zmdi zmdi-image"></i> <span>image</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="inbox" data-code="f180"><p><i class="zmdi zmdi-inbox"></i> <span>inbox</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="invert-colors-off" data-code="f181"><p><i class="zmdi zmdi-invert-colors-off"></i> <span>invert-colors-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="invert-colors" data-code="f182"><p><i class="zmdi zmdi-invert-colors"></i> <span>invert-colors</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="key" data-code="f183"><p><i class="zmdi zmdi-key"></i> <span>key</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="label-alt-outline" data-code="f184"><p><i class="zmdi zmdi-label-alt-outline"></i> <span>label-alt-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="label-alt" data-code="f185"><p><i class="zmdi zmdi-label-alt"></i> <span>label-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="label-heart" data-code="f186"><p><i class="zmdi zmdi-label-heart"></i> <span>label-heart</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="label" data-code="f187"><p><i class="zmdi zmdi-label"></i> <span>label</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="labels" data-code="f188"><p><i class="zmdi zmdi-labels"></i> <span>labels</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="lamp" data-code="f189"><p><i class="zmdi zmdi-lamp"></i> <span>lamp</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="landscape" data-code="f18a"><p><i class="zmdi zmdi-landscape"></i> <span>landscape</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="layers-off" data-code="f18b"><p><i class="zmdi zmdi-layers-off"></i> <span>layers-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="layers" data-code="f18c"><p><i class="zmdi zmdi-layers"></i> <span>layers</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="library" data-code="f18d"><p><i class="zmdi zmdi-library"></i> <span>library</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="link" data-code="f18e"><p><i class="zmdi zmdi-link"></i> <span>link</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="lock-open" data-code="f18f"><p><i class="zmdi zmdi-lock-open"></i> <span>lock-open</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="lock-outline" data-code="f190"><p><i class="zmdi zmdi-lock-outline"></i> <span>lock-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="lock" data-code="f191"><p><i class="zmdi zmdi-lock"></i> <span>lock</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="mail-reply-all" data-code="f192"><p><i class="zmdi zmdi-mail-reply-all"></i> <span>mail-reply-all</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="mail-reply" data-code="f193"><p><i class="zmdi zmdi-mail-reply"></i> <span>mail-reply</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="mail-send" data-code="f194"><p><i class="zmdi zmdi-mail-send"></i> <span>mail-send</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="mall" data-code="f195"><p><i class="zmdi zmdi-mall"></i> <span>mall</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="map" data-code="f196"><p><i class="zmdi zmdi-map"></i> <span>map</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="menu" data-code="f197"><p><i class="zmdi zmdi-menu"></i> <span>menu</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="money-box" data-code="f198"><p><i class="zmdi zmdi-money-box"></i> <span>money-box</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="money-off" data-code="f199"><p><i class="zmdi zmdi-money-off"></i> <span>money-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="money" data-code="f19a"><p><i class="zmdi zmdi-money"></i> <span>money</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="more-vert" data-code="f19b"><p><i class="zmdi zmdi-more-vert"></i> <span>more-vert</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="more" data-code="f19c"><p><i class="zmdi zmdi-more"></i> <span>more</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="movie-alt" data-code="f19d"><p><i class="zmdi zmdi-movie-alt"></i> <span>movie-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="movie" data-code="f19e"><p><i class="zmdi zmdi-movie"></i> <span>movie</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="nature-people" data-code="f19f"><p><i class="zmdi zmdi-nature-people"></i> <span>nature-people</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="nature" data-code="f1a0"><p><i class="zmdi zmdi-nature"></i> <span>nature</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="navigation" data-code="f1a1"><p><i class="zmdi zmdi-navigation"></i> <span>navigation</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="open-in-browser" data-code="f1a2"><p><i class="zmdi zmdi-open-in-browser"></i> <span>open-in-browser</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="open-in-new" data-code="f1a3"><p><i class="zmdi zmdi-open-in-new"></i> <span>open-in-new</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="palette" data-code="f1a4"><p><i class="zmdi zmdi-palette"></i> <span>palette</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="parking" data-code="f1a5"><p><i class="zmdi zmdi-parking"></i> <span>parking</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pin-account" data-code="f1a6"><p><i class="zmdi zmdi-pin-account"></i> <span>pin-account</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pin-assistant" data-code="f1a7"><p><i class="zmdi zmdi-pin-assistant"></i> <span>pin-assistant</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pin-drop" data-code="f1a8"><p><i class="zmdi zmdi-pin-drop"></i> <span>pin-drop</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pin-help" data-code="f1a9"><p><i class="zmdi zmdi-pin-help"></i> <span>pin-help</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pin-off" data-code="f1aa"><p><i class="zmdi zmdi-pin-off"></i> <span>pin-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pin" data-code="f1ab"><p><i class="zmdi zmdi-pin"></i> <span>pin</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pizza" data-code="f1ac"><p><i class="zmdi zmdi-pizza"></i> <span>pizza</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="plaster" data-code="f1ad"><p><i class="zmdi zmdi-plaster"></i> <span>plaster</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="power-setting" data-code="f1ae"><p><i class="zmdi zmdi-power-setting"></i> <span>power-setting</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="power" data-code="f1af"><p><i class="zmdi zmdi-power"></i> <span>power</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="print" data-code="f1b0"><p><i class="zmdi zmdi-print"></i> <span>print</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="puzzle-piece" data-code="f1b1"><p><i class="zmdi zmdi-puzzle-piece"></i> <span>puzzle-piece</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="quote" data-code="f1b2"><p><i class="zmdi zmdi-quote"></i> <span>quote</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="railway" data-code="f1b3"><p><i class="zmdi zmdi-railway"></i> <span>railway</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="receipt" data-code="f1b4"><p><i class="zmdi zmdi-receipt"></i> <span>receipt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="refresh-alt" data-code="f1b5"><p><i class="zmdi zmdi-refresh-alt"></i> <span>refresh-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="refresh-sync-alert" data-code="f1b6"><p><i class="zmdi zmdi-refresh-sync-alert"></i> <span>refresh-sync-alert</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="refresh-sync-off" data-code="f1b7"><p><i class="zmdi zmdi-refresh-sync-off"></i> <span>refresh-sync-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="refresh-sync" data-code="f1b8"><p><i class="zmdi zmdi-refresh-sync"></i> <span>refresh-sync</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="refresh" data-code="f1b9"><p><i class="zmdi zmdi-refresh"></i> <span>refresh</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="roller" data-code="f1ba"><p><i class="zmdi zmdi-roller"></i> <span>roller</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="ruler" data-code="f1bb"><p><i class="zmdi zmdi-ruler"></i> <span>ruler</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="scissors" data-code="f1bc"><p><i class="zmdi zmdi-scissors"></i> <span>scissors</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="screen-rotation-lock" data-code="f1bd"><p><i class="zmdi zmdi-screen-rotation-lock"></i> <span>screen-rotation-lock</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="screen-rotation" data-code="f1be"><p><i class="zmdi zmdi-screen-rotation"></i> <span>screen-rotation</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="search-for" data-code="f1bf"><p><i class="zmdi zmdi-search-for"></i> <span>search-for</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="search-in-file" data-code="f1c0"><p><i class="zmdi zmdi-search-in-file"></i> <span>search-in-file</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="search-in-page" data-code="f1c1"><p><i class="zmdi zmdi-search-in-page"></i> <span>search-in-page</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="search-replace" data-code="f1c2"><p><i class="zmdi zmdi-search-replace"></i> <span>search-replace</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="search" data-code="f1c3"><p><i class="zmdi zmdi-search"></i> <span>search</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="seat" data-code="f1c4"><p><i class="zmdi zmdi-seat"></i> <span>seat</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="settings-square" data-code="f1c5"><p><i class="zmdi zmdi-settings-square"></i> <span>settings-square</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="settings" data-code="f1c6"><p><i class="zmdi zmdi-settings"></i> <span>settings</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="shield-check" data-code="f1c7"><p><i class="zmdi zmdi-shield-check"></i> <span>shield-check</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="shield-security" data-code="f1c8"><p><i class="zmdi zmdi-shield-security"></i> <span>shield-security</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="shopping-basket" data-code="f1c9"><p><i class="zmdi zmdi-shopping-basket"></i> <span>shopping-basket</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="shopping-cart-plus" data-code="f1ca"><p><i class="zmdi zmdi-shopping-cart-plus"></i> <span>shopping-cart-plus</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="shopping-cart" data-code="f1cb"><p><i class="zmdi zmdi-shopping-cart"></i> <span>shopping-cart</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="sign-in" data-code="f1cc"><p><i class="zmdi zmdi-sign-in"></i> <span>sign-in</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="sort-amount-asc" data-code="f1cd"><p><i class="zmdi zmdi-sort-amount-asc"></i> <span>sort-amount-asc</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="sort-amount-desc" data-code="f1ce"><p><i class="zmdi zmdi-sort-amount-desc"></i> <span>sort-amount-desc</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="sort-asc" data-code="f1cf"><p><i class="zmdi zmdi-sort-asc"></i> <span>sort-asc</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="sort-desc" data-code="f1d0"><p><i class="zmdi zmdi-sort-desc"></i> <span>sort-desc</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="spellcheck" data-code="f1d1"><p><i class="zmdi zmdi-spellcheck"></i> <span>spellcheck</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="storage" data-code="f1d2"><p><i class="zmdi zmdi-storage"></i> <span>storage</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="store-24" data-code="f1d3"><p><i class="zmdi zmdi-store-24"></i> <span>store-24</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="store" data-code="f1d4"><p><i class="zmdi zmdi-store"></i> <span>store</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="subway" data-code="f1d5"><p><i class="zmdi zmdi-subway"></i> <span>subway</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="sun" data-code="f1d6"><p><i class="zmdi zmdi-sun"></i> <span>sun</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="tab-unselected" data-code="f1d7"><p><i class="zmdi zmdi-tab-unselected"></i> <span>tab-unselected</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="tab" data-code="f1d8"><p><i class="zmdi zmdi-tab"></i> <span>tab</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="tag-close" data-code="f1d9"><p><i class="zmdi zmdi-tag-close"></i> <span>tag-close</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="tag-more" data-code="f1da"><p><i class="zmdi zmdi-tag-more"></i> <span>tag-more</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="tag" data-code="f1db"><p><i class="zmdi zmdi-tag"></i> <span>tag</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="thumb-down" data-code="f1dc"><p><i class="zmdi zmdi-thumb-down"></i> <span>thumb-down</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="thumb-up-down" data-code="f1dd"><p><i class="zmdi zmdi-thumb-up-down"></i> <span>thumb-up-down</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="thumb-up" data-code="f1de"><p><i class="zmdi zmdi-thumb-up"></i> <span>thumb-up</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="ticket-star" data-code="f1df"><p><i class="zmdi zmdi-ticket-star"></i> <span>ticket-star</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="toll" data-code="f1e0"><p><i class="zmdi zmdi-toll"></i> <span>toll</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="toys" data-code="f1e1"><p><i class="zmdi zmdi-toys"></i> <span>toys</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="traffic" data-code="f1e2"><p><i class="zmdi zmdi-traffic"></i> <span>traffic</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="translate" data-code="f1e3"><p><i class="zmdi zmdi-translate"></i> <span>translate</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="triangle-down" data-code="f1e4"><p><i class="zmdi zmdi-triangle-down"></i> <span>triangle-down</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="triangle-up" data-code="f1e5"><p><i class="zmdi zmdi-triangle-up"></i> <span>triangle-up</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="truck" data-code="f1e6"><p><i class="zmdi zmdi-truck"></i> <span>truck</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="turning-sign" data-code="f1e7"><p><i class="zmdi zmdi-turning-sign"></i> <span>turning-sign</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="wallpaper" data-code="f1e8"><p><i class="zmdi zmdi-wallpaper"></i> <span>wallpaper</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="washing-machine" data-code="f1e9"><p><i class="zmdi zmdi-washing-machine"></i> <span>washing-machine</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="window-maximize" data-code="f1ea"><p><i class="zmdi zmdi-window-maximize"></i> <span>window-maximize</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="window-minimize" data-code="f1eb"><p><i class="zmdi zmdi-window-minimize"></i> <span>window-minimize</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="window-restore" data-code="f1ec"><p><i class="zmdi zmdi-window-restore"></i> <span>window-restore</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="wrench" data-code="f1ed"><p><i class="zmdi zmdi-wrench"></i> <span>wrench</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="zoom-in" data-code="f1ee"><p><i class="zmdi zmdi-zoom-in"></i> <span>zoom-in</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="zoom-out" data-code="f1ef"><p><i class="zmdi zmdi-zoom-out"></i> <span>zoom-out</span></p></div>

                        </div>
                    </section>
                    <section class="icon-set" id="alert">
                        <h2 class="page-header">Notifications</h2>
                        <div class="clearfix">
                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="alert-circle-o" data-code="f1f0"><p><i class="zmdi zmdi-alert-circle-o"></i> <span>alert-circle-o</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="alert-circle" data-code="f1f1"><p><i class="zmdi zmdi-alert-circle"></i> <span>alert-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="alert-octagon" data-code="f1f2"><p><i class="zmdi zmdi-alert-octagon"></i> <span>alert-octagon</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="alert-polygon" data-code="f1f3"><p><i class="zmdi zmdi-alert-polygon"></i> <span>alert-polygon</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="alert-triangle" data-code="f1f4"><p><i class="zmdi zmdi-alert-triangle"></i> <span>alert-triangle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="help-outline" data-code="f1f5"><p><i class="zmdi zmdi-help-outline"></i> <span>help-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="help" data-code="f1f6"><p><i class="zmdi zmdi-help"></i> <span>help</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="info-outline" data-code="f1f7"><p><i class="zmdi zmdi-info-outline"></i> <span>info-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="info" data-code="f1f8"><p><i class="zmdi zmdi-info"></i> <span>info</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="notifications-active" data-code="f1f9"><p><i class="zmdi zmdi-notifications-active"></i> <span>notifications-active</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="notifications-add" data-code="f1fa"><p><i class="zmdi zmdi-notifications-add"></i> <span>notifications-add</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="notifications-none" data-code="f1fb"><p><i class="zmdi zmdi-notifications-none"></i> <span>notifications-none</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="notifications-off" data-code="f1fc"><p><i class="zmdi zmdi-notifications-off"></i> <span>notifications-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="notifications-paused" data-code="f1fd"><p><i class="zmdi zmdi-notifications-paused"></i> <span>notifications-paused</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="notifications" data-code="f1fe"><p><i class="zmdi zmdi-notifications"></i> <span>notifications</span></p></div>

                        </div>
                    </section>
                    <section class="icon-set" id="person">
                        <h2 class="page-header">Person</h2>
                        <div class="clearfix">

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="account-add" data-code="f1ff"><p><i class="zmdi zmdi-account-add"></i> <span>account-add</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="account-box-mail" data-code="f200"><p><i class="zmdi zmdi-account-box-mail"></i> <span>account-box-mail</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="account-box-o" data-code="f201"><p><i class="zmdi zmdi-account-box-o"></i> <span>account-box-o</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="account-box-phone" data-code="f202"><p><i class="zmdi zmdi-account-box-phone"></i> <span>account-box-phone</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="account-box" data-code="f203"><p><i class="zmdi zmdi-account-box"></i> <span>account-box</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="account-calendar" data-code="f204"><p><i class="zmdi zmdi-account-calendar"></i> <span>account-calendar</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="account-circle" data-code="f205"><p><i class="zmdi zmdi-account-circle"></i> <span>account-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="account-o" data-code="f206"><p><i class="zmdi zmdi-account-o"></i> <span>account-o</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="account" data-code="f207"><p><i class="zmdi zmdi-account"></i> <span>account</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="accounts-add" data-code="f208"><p><i class="zmdi zmdi-accounts-add"></i> <span>accounts-add</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="accounts-alt" data-code="f209"><p><i class="zmdi zmdi-accounts-alt"></i> <span>accounts-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="accounts-list-alt" data-code="f20a"><p><i class="zmdi zmdi-accounts-list-alt"></i> <span>accounts-list-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="accounts-list" data-code="f20b"><p><i class="zmdi zmdi-accounts-list"></i> <span>accounts-list</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="accounts-outline" data-code="f20c"><p><i class="zmdi zmdi-accounts-outline"></i> <span>accounts-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="accounts" data-code="f20d"><p><i class="zmdi zmdi-accounts"></i> <span>accounts</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="face" data-code="f20e"><p><i class="zmdi zmdi-face"></i> <span>face</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="female" data-code="f20f"><p><i class="zmdi zmdi-female"></i> <span>female</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="male-alt" data-code="f210"><p><i class="zmdi zmdi-male-alt"></i> <span>male-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="male-female" data-code="f211"><p><i class="zmdi zmdi-male-female"></i> <span>male-female</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="male" data-code="f212"><p><i class="zmdi zmdi-male"></i> <span>male</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="mood-bad" data-code="f213"><p><i class="zmdi zmdi-mood-bad"></i> <span>mood-bad</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="mood" data-code="f214"><p><i class="zmdi zmdi-mood"></i> <span>mood</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="run" data-code="f215"><p><i class="zmdi zmdi-run"></i> <span>run</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="walk" data-code="f216"><p><i class="zmdi zmdi-walk"></i> <span>walk</span></p></div>

                        </div>
                    </section>
                    <section class="icon-set" id="file">
                        <h2 class="page-header">File</h2>
                        <div class="clearfix">

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cloud-box" data-code="f217"><p><i class="zmdi zmdi-cloud-box"></i> <span>cloud-box</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cloud-circle" data-code="f218"><p><i class="zmdi zmdi-cloud-circle"></i> <span>cloud-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cloud-done" data-code="f219"><p><i class="zmdi zmdi-cloud-done"></i> <span>cloud-done</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cloud-download" data-code="f21a"><p><i class="zmdi zmdi-cloud-download"></i> <span>cloud-download</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cloud-off" data-code="f21b"><p><i class="zmdi zmdi-cloud-off"></i> <span>cloud-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cloud-outline-alt" data-code="f21c"><p><i class="zmdi zmdi-cloud-outline-alt"></i> <span>cloud-outline-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cloud-outline" data-code="f21d"><p><i class="zmdi zmdi-cloud-outline"></i> <span>cloud-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cloud-upload" data-code="f21e"><p><i class="zmdi zmdi-cloud-upload"></i> <span>cloud-upload</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cloud" data-code="f21f"><p><i class="zmdi zmdi-cloud"></i> <span>cloud</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="download" data-code="f220"><p><i class="zmdi zmdi-download"></i> <span>download</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="file-plus" data-code="f221"><p><i class="zmdi zmdi-file-plus"></i> <span>file-plus</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="file-text" data-code="f222"><p><i class="zmdi zmdi-file-text"></i> <span>file-text</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="file" data-code="f223"><p><i class="zmdi zmdi-file"></i> <span>file</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="folder-outline" data-code="f224"><p><i class="zmdi zmdi-folder-outline"></i> <span>folder-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="folder-person" data-code="f225"><p><i class="zmdi zmdi-folder-person"></i> <span>folder-person</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="folder-star-alt" data-code="f226"><p><i class="zmdi zmdi-folder-star-alt"></i> <span>folder-star-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="folder-star" data-code="f227"><p><i class="zmdi zmdi-folder-star"></i> <span>folder-star</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="folder" data-code="f228"><p><i class="zmdi zmdi-folder"></i> <span>folder</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="gif" data-code="f229"><p><i class="zmdi zmdi-gif"></i> <span>gif</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="upload" data-code="f22a"><p><i class="zmdi zmdi-upload"></i> <span>upload</span></p></div>

                        </div>
                    </section>
                    <section class="icon-set" id="editor">
                        <h2 class="page-header">Editor</h2>
                        <div class="clearfix">

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="border-all" data-code="f22b"><p><i class="zmdi zmdi-border-all"></i> <span>border-all</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="border-bottom" data-code="f22c"><p><i class="zmdi zmdi-border-bottom"></i> <span>border-bottom</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="border-clear" data-code="f22d"><p><i class="zmdi zmdi-border-clear"></i> <span>border-clear</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="border-color" data-code="f22e"><p><i class="zmdi zmdi-border-color"></i> <span>border-color</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="border-horizontal" data-code="f22f"><p><i class="zmdi zmdi-border-horizontal"></i> <span>border-horizontal</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="border-inner" data-code="f230"><p><i class="zmdi zmdi-border-inner"></i> <span>border-inner</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="border-left" data-code="f231"><p><i class="zmdi zmdi-border-left"></i> <span>border-left</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="border-outer" data-code="f232"><p><i class="zmdi zmdi-border-outer"></i> <span>border-outer</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="border-right" data-code="f233"><p><i class="zmdi zmdi-border-right"></i> <span>border-right</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="border-style" data-code="f234"><p><i class="zmdi zmdi-border-style"></i> <span>border-style</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="border-top" data-code="f235"><p><i class="zmdi zmdi-border-top"></i> <span>border-top</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="border-vertical" data-code="f236"><p><i class="zmdi zmdi-border-vertical"></i> <span>border-vertical</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="copy" data-code="f237"><p><i class="zmdi zmdi-copy"></i> <span>copy</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="crop" data-code="f238"><p><i class="zmdi zmdi-crop"></i> <span>crop</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-align-center" data-code="f239"><p><i class="zmdi zmdi-format-align-center"></i> <span>format-align-center</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-align-justify" data-code="f23a"><p><i class="zmdi zmdi-format-align-justify"></i> <span>format-align-justify</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-align-left" data-code="f23b"><p><i class="zmdi zmdi-format-align-left"></i> <span>format-align-left</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-align-right" data-code="f23c"><p><i class="zmdi zmdi-format-align-right"></i> <span>format-align-right</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-bold" data-code="f23d"><p><i class="zmdi zmdi-format-bold"></i> <span>format-bold</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-clear-all" data-code="f23e"><p><i class="zmdi zmdi-format-clear-all"></i> <span>format-clear-all</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-clear" data-code="f23f"><p><i class="zmdi zmdi-format-clear"></i> <span>format-clear</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-color-fill" data-code="f240"><p><i class="zmdi zmdi-format-color-fill"></i> <span>format-color-fill</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-color-reset" data-code="f241"><p><i class="zmdi zmdi-format-color-reset"></i> <span>format-color-reset</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-color-text" data-code="f242"><p><i class="zmdi zmdi-format-color-text"></i> <span>format-color-text</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-indent-decrease" data-code="f243"><p><i class="zmdi zmdi-format-indent-decrease"></i> <span>format-indent-decrease</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-indent-increase" data-code="f244"><p><i class="zmdi zmdi-format-indent-increase"></i> <span>format-indent-increase</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-italic" data-code="f245"><p><i class="zmdi zmdi-format-italic"></i> <span>format-italic</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-line-spacing" data-code="f246"><p><i class="zmdi zmdi-format-line-spacing"></i> <span>format-line-spacing</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-list-bulleted" data-code="f247"><p><i class="zmdi zmdi-format-list-bulleted"></i> <span>format-list-bulleted</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-list-numbered" data-code="f248"><p><i class="zmdi zmdi-format-list-numbered"></i> <span>format-list-numbered</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-ltr" data-code="f249"><p><i class="zmdi zmdi-format-ltr"></i> <span>format-ltr</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-rtl" data-code="f24a"><p><i class="zmdi zmdi-format-rtl"></i> <span>format-rtl</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-size" data-code="f24b"><p><i class="zmdi zmdi-format-size"></i> <span>format-size</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-strikethrough-s" data-code="f24c"><p><i class="zmdi zmdi-format-strikethrough-s"></i> <span>format-strikethrough-s</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-strikethrough" data-code="f24d"><p><i class="zmdi zmdi-format-strikethrough"></i> <span>format-strikethrough</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-subject" data-code="f24e"><p><i class="zmdi zmdi-format-subject"></i> <span>format-subject</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-underlined" data-code="f24f"><p><i class="zmdi zmdi-format-underlined"></i> <span>format-underlined</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-valign-bottom" data-code="f250"><p><i class="zmdi zmdi-format-valign-bottom"></i> <span>format-valign-bottom</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-valign-center" data-code="f251"><p><i class="zmdi zmdi-format-valign-center"></i> <span>format-valign-center</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="format-valign-top" data-code="f252"><p><i class="zmdi zmdi-format-valign-top"></i> <span>format-valign-top</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="redo" data-code="f253"><p><i class="zmdi zmdi-redo"></i> <span>redo</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="select-all" data-code="f254"><p><i class="zmdi zmdi-select-all"></i> <span>select-all</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="space-bar" data-code="f255"><p><i class="zmdi zmdi-space-bar"></i> <span>space-bar</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="text-format" data-code="f256"><p><i class="zmdi zmdi-text-format"></i> <span>text-format</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="transform" data-code="f257"><p><i class="zmdi zmdi-transform"></i> <span>transform</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="undo" data-code="f258"><p><i class="zmdi zmdi-undo"></i> <span>undo</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="wrap-text" data-code="f259"><p><i class="zmdi zmdi-wrap-text"></i> <span>wrap-text</span></p></div>

                        </div>
                    </section>

                    <section class="icon-set" id="comment">
                        <h2 class="page-header">Comment</h2>
                        <div class="clearfix">
                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="comment-alert" data-code="f25a"><p><i class="zmdi zmdi-comment-alert"></i> <span>comment-alert</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="comment-alt-text" data-code="f25b"><p><i class="zmdi zmdi-comment-alt-text"></i> <span>comment-alt-text</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="comment-alt" data-code="f25c"><p><i class="zmdi zmdi-comment-alt"></i> <span>comment-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="comment-edit" data-code="f25d"><p><i class="zmdi zmdi-comment-edit"></i> <span>comment-edit</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="comment-image" data-code="f25e"><p><i class="zmdi zmdi-comment-image"></i> <span>comment-image</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="comment-list" data-code="f25f"><p><i class="zmdi zmdi-comment-list"></i> <span>comment-list</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="comment-more" data-code="f260"><p><i class="zmdi zmdi-comment-more"></i> <span>comment-more</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="comment-outline" data-code="f261"><p><i class="zmdi zmdi-comment-outline"></i> <span>comment-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="comment-text-alt" data-code="f262"><p><i class="zmdi zmdi-comment-text-alt"></i> <span>comment-text-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="comment-text" data-code="f263"><p><i class="zmdi zmdi-comment-text"></i> <span>comment-text</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="comment-video" data-code="f264"><p><i class="zmdi zmdi-comment-video"></i> <span>comment-video</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="comment" data-code="f265"><p><i class="zmdi zmdi-comment"></i> <span>comment</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="comments" data-code="f266"><p><i class="zmdi zmdi-comments"></i> <span>comments</span></p></div>

                        </div>
                    </section>

                    <section class="icon-set" id="form">
                        <h2 class="page-header">Form</h2>
                        <div class="clearfix">

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="check-all" data-code="f267"><p><i class="zmdi zmdi-check-all"></i> <span>check-all</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="check-circle-u" data-code="f268"><p><i class="zmdi zmdi-check-circle-u"></i> <span>check-circle-u</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="check-circle" data-code="f269"><p><i class="zmdi zmdi-check-circle"></i> <span>check-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="check-square" data-code="f26a"><p><i class="zmdi zmdi-check-square"></i> <span>check-square</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="check" data-code="f26b"><p><i class="zmdi zmdi-check"></i> <span>check</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="circle-o" data-code="f26c"><p><i class="zmdi zmdi-circle-o"></i> <span>circle-o</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="circle" data-code="f26d"><p><i class="zmdi zmdi-circle"></i> <span>circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="dot-circle-alt" data-code="f26e"><p><i class="zmdi zmdi-dot-circle-alt"></i> <span>dot-circle-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="dot-circle" data-code="f26f"><p><i class="zmdi zmdi-dot-circle"></i> <span>dot-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="minus-circle-outline" data-code="f270"><p><i class="zmdi zmdi-minus-circle-outline"></i> <span>minus-circle-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="minus-circle" data-code="f271"><p><i class="zmdi zmdi-minus-circle"></i> <span>minus-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="minus-square" data-code="f272"><p><i class="zmdi zmdi-minus-square"></i> <span>minus-square</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="minus" data-code="f273"><p><i class="zmdi zmdi-minus"></i> <span>minus</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="plus-circle-o-duplicate" data-code="f274"><p><i class="zmdi zmdi-plus-circle-o-duplicate"></i> <span>plus-circle-o-duplicate</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="plus-circle-o" data-code="f275"><p><i class="zmdi zmdi-plus-circle-o"></i> <span>plus-circle-o</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="plus-circle" data-code="f276"><p><i class="zmdi zmdi-plus-circle"></i> <span>plus-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="plus-square" data-code="f277"><p><i class="zmdi zmdi-plus-square"></i> <span>plus-square</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="plus" data-code="f278"><p><i class="zmdi zmdi-plus"></i> <span>plus</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="square-o" data-code="f279"><p><i class="zmdi zmdi-square-o"></i> <span>square-o</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="star-circle" data-code="f27a"><p><i class="zmdi zmdi-star-circle"></i> <span>star-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="star-half" data-code="f27b"><p><i class="zmdi zmdi-star-half"></i> <span>star-half</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="star-outline" data-code="f27c"><p><i class="zmdi zmdi-star-outline"></i> <span>star-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="star" data-code="f27d"><p><i class="zmdi zmdi-star"></i> <span>star</span></p></div>

                        </div>
                    </section>

                    <section class="icon-set" id="hardware">
                        <h2 class="page-header">Hardware</h2>
                        <div class="clearfix">

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="bluetooth-connected" data-code="f27e"><p><i class="zmdi zmdi-bluetooth-connected"></i> <span>bluetooth-connected</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="bluetooth-off" data-code="f27f"><p><i class="zmdi zmdi-bluetooth-off"></i> <span>bluetooth-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="bluetooth-search" data-code="f280"><p><i class="zmdi zmdi-bluetooth-search"></i> <span>bluetooth-search</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="bluetooth-setting" data-code="f281"><p><i class="zmdi zmdi-bluetooth-setting"></i> <span>bluetooth-setting</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="bluetooth" data-code="f282"><p><i class="zmdi zmdi-bluetooth"></i> <span>bluetooth</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="camera-add" data-code="f283"><p><i class="zmdi zmdi-camera-add"></i> <span>camera-add</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="camera-alt" data-code="f284"><p><i class="zmdi zmdi-camera-alt"></i> <span>camera-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="camera-bw" data-code="f285"><p><i class="zmdi zmdi-camera-bw"></i> <span>camera-bw</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="camera-front" data-code="f286"><p><i class="zmdi zmdi-camera-front"></i> <span>camera-front</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="camera-mic" data-code="f287"><p><i class="zmdi zmdi-camera-mic"></i> <span>camera-mic</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="camera-party-mode" data-code="f288"><p><i class="zmdi zmdi-camera-party-mode"></i> <span>camera-party-mode</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="camera-rear" data-code="f289"><p><i class="zmdi zmdi-camera-rear"></i> <span>camera-rear</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="camera-roll" data-code="f28a"><p><i class="zmdi zmdi-camera-roll"></i> <span>camera-roll</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="camera-switch" data-code="f28b"><p><i class="zmdi zmdi-camera-switch"></i> <span>camera-switch</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="camera" data-code="f28c"><p><i class="zmdi zmdi-camera"></i> <span>camera</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="card-alert" data-code="f28d"><p><i class="zmdi zmdi-card-alert"></i> <span>card-alert</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="card-off" data-code="f28e"><p><i class="zmdi zmdi-card-off"></i> <span>card-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="card-sd" data-code="f28f"><p><i class="zmdi zmdi-card-sd"></i> <span>card-sd</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="card-sim" data-code="f290"><p><i class="zmdi zmdi-card-sim"></i> <span>card-sim</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="desktop-mac" data-code="f291"><p><i class="zmdi zmdi-desktop-mac"></i> <span>desktop-mac</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="desktop-windows" data-code="f292"><p><i class="zmdi zmdi-desktop-windows"></i> <span>desktop-windows</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="device-hub" data-code="f293"><p><i class="zmdi zmdi-device-hub"></i> <span>device-hub</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="devices-off" data-code="f294"><p><i class="zmdi zmdi-devices-off"></i> <span>devices-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="devices" data-code="f295"><p><i class="zmdi zmdi-devices"></i> <span>devices</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="dock" data-code="f296"><p><i class="zmdi zmdi-dock"></i> <span>dock</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="floppy" data-code="f297"><p><i class="zmdi zmdi-floppy"></i> <span>floppy</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="gamepad" data-code="f298"><p><i class="zmdi zmdi-gamepad"></i> <span>gamepad</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="gps-dot" data-code="f299"><p><i class="zmdi zmdi-gps-dot"></i> <span>gps-dot</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="gps-off" data-code="f29a"><p><i class="zmdi zmdi-gps-off"></i> <span>gps-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="gps" data-code="f29b"><p><i class="zmdi zmdi-gps"></i> <span>gps</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="headset-mic" data-code="f29c"><p><i class="zmdi zmdi-headset-mic"></i> <span>headset-mic</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="headset" data-code="f29d"><p><i class="zmdi zmdi-headset"></i> <span>headset</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="input-antenna" data-code="f29e"><p><i class="zmdi zmdi-input-antenna"></i> <span>input-antenna</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="input-composite" data-code="f29f"><p><i class="zmdi zmdi-input-composite"></i> <span>input-composite</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="input-hdmi" data-code="f2a0"><p><i class="zmdi zmdi-input-hdmi"></i> <span>input-hdmi</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="input-power" data-code="f2a1"><p><i class="zmdi zmdi-input-power"></i> <span>input-power</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="input-svideo" data-code="f2a2"><p><i class="zmdi zmdi-input-svideo"></i> <span>input-svideo</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="keyboard-hide" data-code="f2a3"><p><i class="zmdi zmdi-keyboard-hide"></i> <span>keyboard-hide</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="keyboard" data-code="f2a4"><p><i class="zmdi zmdi-keyboard"></i> <span>keyboard</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="laptop-chromebook" data-code="f2a5"><p><i class="zmdi zmdi-laptop-chromebook"></i> <span>laptop-chromebook</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="laptop-mac" data-code="f2a6"><p><i class="zmdi zmdi-laptop-mac"></i> <span>laptop-mac</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="laptop" data-code="f2a7"><p><i class="zmdi zmdi-laptop"></i> <span>laptop</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="mic-off" data-code="f2a8"><p><i class="zmdi zmdi-mic-off"></i> <span>mic-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="mic-outline" data-code="f2a9"><p><i class="zmdi zmdi-mic-outline"></i> <span>mic-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="mic-setting" data-code="f2aa"><p><i class="zmdi zmdi-mic-setting"></i> <span>mic-setting</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="mic" data-code="f2ab"><p><i class="zmdi zmdi-mic"></i> <span>mic</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="mouse" data-code="f2ac"><p><i class="zmdi zmdi-mouse"></i> <span>mouse</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="network-alert" data-code="f2ad"><p><i class="zmdi zmdi-network-alert"></i> <span>network-alert</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="network-locked" data-code="f2ae"><p><i class="zmdi zmdi-network-locked"></i> <span>network-locked</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="network-off" data-code="f2af"><p><i class="zmdi zmdi-network-off"></i> <span>network-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="network-outline" data-code="f2b0"><p><i class="zmdi zmdi-network-outline"></i> <span>network-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="network-setting" data-code="f2b1"><p><i class="zmdi zmdi-network-setting"></i> <span>network-setting</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="network" data-code="f2b2"><p><i class="zmdi zmdi-network"></i> <span>network</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="phone-bluetooth" data-code="f2b3"><p><i class="zmdi zmdi-phone-bluetooth"></i> <span>phone-bluetooth</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="phone-end" data-code="f2b4"><p><i class="zmdi zmdi-phone-end"></i> <span>phone-end</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="phone-forwarded" data-code="f2b5"><p><i class="zmdi zmdi-phone-forwarded"></i> <span>phone-forwarded</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="phone-in-talk" data-code="f2b6"><p><i class="zmdi zmdi-phone-in-talk"></i> <span>phone-in-talk</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="phone-locked" data-code="f2b7"><p><i class="zmdi zmdi-phone-locked"></i> <span>phone-locked</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="phone-missed" data-code="f2b8"><p><i class="zmdi zmdi-phone-missed"></i> <span>phone-missed</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="phone-msg" data-code="f2b9"><p><i class="zmdi zmdi-phone-msg"></i> <span>phone-msg</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="phone-paused" data-code="f2ba"><p><i class="zmdi zmdi-phone-paused"></i> <span>phone-paused</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="phone-ring" data-code="f2bb"><p><i class="zmdi zmdi-phone-ring"></i> <span>phone-ring</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="phone-setting" data-code="f2bc"><p><i class="zmdi zmdi-phone-setting"></i> <span>phone-setting</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="phone-sip" data-code="f2bd"><p><i class="zmdi zmdi-phone-sip"></i> <span>phone-sip</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="phone" data-code="f2be"><p><i class="zmdi zmdi-phone"></i> <span>phone</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="portable-wifi-changes" data-code="f2bf"><p><i class="zmdi zmdi-portable-wifi-changes"></i> <span>portable-wifi-changes</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="portable-wifi-off" data-code="f2c0"><p><i class="zmdi zmdi-portable-wifi-off"></i> <span>portable-wifi-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="portable-wifi" data-code="f2c1"><p><i class="zmdi zmdi-portable-wifi"></i> <span>portable-wifi</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="radio" data-code="f2c2"><p><i class="zmdi zmdi-radio"></i> <span>radio</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="reader" data-code="f2c3"><p><i class="zmdi zmdi-reader"></i> <span>reader</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="remote-control-alt" data-code="f2c4"><p><i class="zmdi zmdi-remote-control-alt"></i> <span>remote-control-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="remote-control" data-code="f2c5"><p><i class="zmdi zmdi-remote-control"></i> <span>remote-control</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="router" data-code="f2c6"><p><i class="zmdi zmdi-router"></i> <span>router</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="scanner" data-code="f2c7"><p><i class="zmdi zmdi-scanner"></i> <span>scanner</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="smartphone-android" data-code="f2c8"><p><i class="zmdi zmdi-smartphone-android"></i> <span>smartphone-android</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="smartphone-download" data-code="f2c9"><p><i class="zmdi zmdi-smartphone-download"></i> <span>smartphone-download</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="smartphone-erase" data-code="f2ca"><p><i class="zmdi zmdi-smartphone-erase"></i> <span>smartphone-erase</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="smartphone-info" data-code="f2cb"><p><i class="zmdi zmdi-smartphone-info"></i> <span>smartphone-info</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="smartphone-iphone" data-code="f2cc"><p><i class="zmdi zmdi-smartphone-iphone"></i> <span>smartphone-iphone</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="smartphone-landscape-lock" data-code="f2cd"><p><i class="zmdi zmdi-smartphone-landscape-lock"></i> <span>smartphone-landscape-lock</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="smartphone-landscape" data-code="f2ce"><p><i class="zmdi zmdi-smartphone-landscape"></i> <span>smartphone-landscape</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="smartphone-lock" data-code="f2cf"><p><i class="zmdi zmdi-smartphone-lock"></i> <span>smartphone-lock</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="smartphone-portrait-lock" data-code="f2d0"><p><i class="zmdi zmdi-smartphone-portrait-lock"></i> <span>smartphone-portrait-lock</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="smartphone-ring" data-code="f2d1"><p><i class="zmdi zmdi-smartphone-ring"></i> <span>smartphone-ring</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="smartphone-setting" data-code="f2d2"><p><i class="zmdi zmdi-smartphone-setting"></i> <span>smartphone-setting</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="smartphone-setup" data-code="f2d3"><p><i class="zmdi zmdi-smartphone-setup"></i> <span>smartphone-setup</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="smartphone" data-code="f2d4"><p><i class="zmdi zmdi-smartphone"></i> <span>smartphone</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="speaker" data-code="f2d5"><p><i class="zmdi zmdi-speaker"></i> <span>speaker</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="tablet-android" data-code="f2d6"><p><i class="zmdi zmdi-tablet-android"></i> <span>tablet-android</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="tablet-mac" data-code="f2d7"><p><i class="zmdi zmdi-tablet-mac"></i> <span>tablet-mac</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="tablet" data-code="f2d8"><p><i class="zmdi zmdi-tablet"></i> <span>tablet</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="tv-alt-play" data-code="f2d9"><p><i class="zmdi zmdi-tv-alt-play"></i> <span>tv-alt-play</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="tv-list" data-code="f2da"><p><i class="zmdi zmdi-tv-list"></i> <span>tv-list</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="tv-play" data-code="f2db"><p><i class="zmdi zmdi-tv-play"></i> <span>tv-play</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="tv" data-code="f2dc"><p><i class="zmdi zmdi-tv"></i> <span>tv</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="usb" data-code="f2dd"><p><i class="zmdi zmdi-usb"></i> <span>usb</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="videocam-off" data-code="f2de"><p><i class="zmdi zmdi-videocam-off"></i> <span>videocam-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="videocam-switch" data-code="f2df"><p><i class="zmdi zmdi-videocam-switch"></i> <span>videocam-switch</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="videocam" data-code="f2e0"><p><i class="zmdi zmdi-videocam"></i> <span>videocam</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="watch" data-code="f2e1"><p><i class="zmdi zmdi-watch"></i> <span>watch</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="wifi-alt-2" data-code="f2e2"><p><i class="zmdi zmdi-wifi-alt-2"></i> <span>wifi-alt-2</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="wifi-alt" data-code="f2e3"><p><i class="zmdi zmdi-wifi-alt"></i> <span>wifi-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="wifi-info" data-code="f2e4"><p><i class="zmdi zmdi-wifi-info"></i> <span>wifi-info</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="wifi-lock" data-code="f2e5"><p><i class="zmdi zmdi-wifi-lock"></i> <span>wifi-lock</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="wifi-off" data-code="f2e6"><p><i class="zmdi zmdi-wifi-off"></i> <span>wifi-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="wifi-outline" data-code="f2e7"><p><i class="zmdi zmdi-wifi-outline"></i> <span>wifi-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="wifi" data-code="f2e8"><p><i class="zmdi zmdi-wifi"></i> <span>wifi</span></p></div>

                        </div>
                    </section>

                    <section class="icon-set" id="directional">
                        <h2 class="page-header">Directional</h2>
                        <div class="clearfix">


                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="arrow-left-bottom" data-code="f2e9"><p><i class="zmdi zmdi-arrow-left-bottom"></i> <span>arrow-left-bottom</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="arrow-left" data-code="f2ea"><p><i class="zmdi zmdi-arrow-left"></i> <span>arrow-left</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="arrow-merge" data-code="f2eb"><p><i class="zmdi zmdi-arrow-merge"></i> <span>arrow-merge</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="arrow-missed" data-code="f2ec"><p><i class="zmdi zmdi-arrow-missed"></i> <span>arrow-missed</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="arrow-right-top" data-code="f2ed"><p><i class="zmdi zmdi-arrow-right-top"></i> <span>arrow-right-top</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="arrow-right" data-code="f2ee"><p><i class="zmdi zmdi-arrow-right"></i> <span>arrow-right</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="arrow-split" data-code="f2ef"><p><i class="zmdi zmdi-arrow-split"></i> <span>arrow-split</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="arrows" data-code="f2f0"><p><i class="zmdi zmdi-arrows"></i> <span>arrows</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="caret-down-circle" data-code="f2f1"><p><i class="zmdi zmdi-caret-down-circle"></i> <span>caret-down-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="caret-down" data-code="f2f2"><p><i class="zmdi zmdi-caret-down"></i> <span>caret-down</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="caret-left-circle" data-code="f2f3"><p><i class="zmdi zmdi-caret-left-circle"></i> <span>caret-left-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="caret-left" data-code="f2f4"><p><i class="zmdi zmdi-caret-left"></i> <span>caret-left</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="caret-right-circle" data-code="f2f5"><p><i class="zmdi zmdi-caret-right-circle"></i> <span>caret-right-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="caret-right" data-code="f2f6"><p><i class="zmdi zmdi-caret-right"></i> <span>caret-right</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="caret-up-circle" data-code="f2f7"><p><i class="zmdi zmdi-caret-up-circle"></i> <span>caret-up-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="caret-up" data-code="f2f8"><p><i class="zmdi zmdi-caret-up"></i> <span>caret-up</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="chevron-down" data-code="f2f9"><p><i class="zmdi zmdi-chevron-down"></i> <span>chevron-down</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="chevron-left" data-code="f2fa"><p><i class="zmdi zmdi-chevron-left"></i> <span>chevron-left</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="chevron-right" data-code="f2fb"><p><i class="zmdi zmdi-chevron-right"></i> <span>chevron-right</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="chevron-up" data-code="f2fc"><p><i class="zmdi zmdi-chevron-up"></i> <span>chevron-up</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="forward" data-code="f2fd"><p><i class="zmdi zmdi-forward"></i> <span>forward</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="long-arrow-down" data-code="f2fe"><p><i class="zmdi zmdi-long-arrow-down"></i> <span>long-arrow-down</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="long-arrow-left" data-code="f2ff"><p><i class="zmdi zmdi-long-arrow-left"></i> <span>long-arrow-left</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="long-arrow-return" data-code="f300"><p><i class="zmdi zmdi-long-arrow-return"></i> <span>long-arrow-return</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="long-arrow-right" data-code="f301"><p><i class="zmdi zmdi-long-arrow-right"></i> <span>long-arrow-right</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="long-arrow-tab" data-code="f302"><p><i class="zmdi zmdi-long-arrow-tab"></i> <span>long-arrow-tab</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="long-arrow-up" data-code="f303"><p><i class="zmdi zmdi-long-arrow-up"></i> <span>long-arrow-up</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="rotate-ccw" data-code="f304"><p><i class="zmdi zmdi-rotate-ccw"></i> <span>rotate-ccw</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="rotate-cw" data-code="f305"><p><i class="zmdi zmdi-rotate-cw"></i> <span>rotate-cw</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="rotate-left" data-code="f306"><p><i class="zmdi zmdi-rotate-left"></i> <span>rotate-left</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="rotate-right" data-code="f307"><p><i class="zmdi zmdi-rotate-right"></i> <span>rotate-right</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="square-down" data-code="f308"><p><i class="zmdi zmdi-square-down"></i> <span>square-down</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="square-right" data-code="f309"><p><i class="zmdi zmdi-square-right"></i> <span>square-right</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="swap-alt" data-code="f30a"><p><i class="zmdi zmdi-swap-alt"></i> <span>swap-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="swap-vertical-circle" data-code="f30b"><p><i class="zmdi zmdi-swap-vertical-circle"></i> <span>swap-vertical-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="swap-vertical" data-code="f30c"><p><i class="zmdi zmdi-swap-vertical"></i> <span>swap-vertical</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="swap" data-code="f30d"><p><i class="zmdi zmdi-swap"></i> <span>swap</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="trending-down" data-code="f30e"><p><i class="zmdi zmdi-trending-down"></i> <span>trending-down</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="trending-flat" data-code="f30f"><p><i class="zmdi zmdi-trending-flat"></i> <span>trending-flat</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="trending-up" data-code="f310"><p><i class="zmdi zmdi-trending-up"></i> <span>trending-up</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="unfold-less" data-code="f311"><p><i class="zmdi zmdi-unfold-less"></i> <span>unfold-less</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="unfold-more" data-code="f312"><p><i class="zmdi zmdi-unfold-more"></i> <span>unfold-more</span></p></div>

                        </div>
                    </section>

                    <section class="icon-set" id="map">
                        <h2 class="page-header">Map (aliases)</h2>
                        <div class="clearfix">
                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="bike" data-code="f117"><p><i class="zmdi zmdi-directions-bike"></i> zmdi-directions-bike</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="boat" data-code="f11a"><p><i class="zmdi zmdi-directions-boat"></i> zmdi-directions-boat</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="bus" data-code="f121"><p><i class="zmdi zmdi-directions-bus"></i> zmdi-directions-bus</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="car" data-code="f125"><p><i class="zmdi zmdi-directions-car"></i> zmdi-directions-car</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="railway" data-code="f1b3"><p><i class="zmdi zmdi-directions-railway"></i> zmdi-directions-railway</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="run" data-code="f215"><p><i class="zmdi zmdi-directions-run"></i> zmdi-directions-run</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="subway" data-code="f1d5"><p><i class="zmdi zmdi-directions-subway"></i> zmdi-directions-subway</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="walk" data-code="f216"><p><i class="zmdi zmdi-directions-walk"></i> zmdi-directions-walk</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="turning-sign" data-code="f1e7"><p><i class="zmdi zmdi-directions"></i> zmdi-directions</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="layers-off" data-code="f18b"><p><i class="zmdi zmdi-layers-off"></i> zmdi-layers-off</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="layers" data-code="f18c"><p><i class="zmdi zmdi-layers"></i> zmdi-layers</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="ticket-star" data-code="f1df"><p><i class="zmdi zmdi-local-activity"></i> zmdi-local-activity</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="airplane" data-code="f103"><p><i class="zmdi zmdi-local-airport"></i> zmdi-local-airport</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="money-box" data-code="f198"><p><i class="zmdi zmdi-local-atm"></i> zmdi-local-atm</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cocktail" data-code="f137"><p><i class="zmdi zmdi-local-bar"></i> zmdi-local-bar</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="coffee" data-code="f13b"><p><i class="zmdi zmdi-local-cafe"></i> zmdi-local-cafe</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="car-wash" data-code="f124"><p><i class="zmdi zmdi-local-car-wash"></i> zmdi-local-car-wash</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="store-24" data-code="f1d3"><p><i class="zmdi zmdi-local-convenience-store"></i> zmdi-local-convenience-store</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="cutlery" data-code="f153"><p><i class="zmdi zmdi-local-dining"></i> zmdi-local-dining</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="drink" data-code="f157"><p><i class="zmdi zmdi-local-drink"></i> zmdi-local-drink</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="flower-alt" data-code="f168"><p><i class="zmdi zmdi-local-florist"></i> zmdi-local-florist</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="gas-station" data-code="f16f"><p><i class="zmdi zmdi-local-gas-station"></i> zmdi-local-gas-station</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="shopping-cart" data-code="f1cb"><p><i class="zmdi zmdi-local-grocery-store"></i> zmdi-local-grocery-store</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hospital" data-code="f177"><p><i class="zmdi zmdi-local-hospital"></i> zmdi-local-hospital</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hotel" data-code="f178"><p><i class="zmdi zmdi-local-hotel"></i> zmdi-local-hotel</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="washing-machine" data-code="f1e9"><p><i class="zmdi zmdi-local-laundry-service"></i> zmdi-local-laundry-service</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="library" data-code="f18d"><p><i class="zmdi zmdi-local-library"></i> zmdi-local-library</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="mall" data-code="f195"><p><i class="zmdi zmdi-local-mall"></i> zmdi-local-mall</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="movie-alt" data-code="f19d"><p><i class="zmdi zmdi-local-movies"></i> zmdi-local-movies</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="label" data-code="f187"><p><i class="zmdi zmdi-local-offer"></i> zmdi-local-offer</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="parking" data-code="f1a5"><p><i class="zmdi zmdi-local-parking"></i> zmdi-local-parking</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hospital-alt" data-code="f176"><p><i class="zmdi zmdi-local-pharmacy"></i> zmdi-local-pharmacy</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="phone" data-code="f2be"><p><i class="zmdi zmdi-local-phone"></i> zmdi-local-phone</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pizza" data-code="f1ac"><p><i class="zmdi zmdi-local-pizza"></i> zmdi-local-pizza</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="ticket-star" data-code="f1df"><p><i class="zmdi zmdi-local-activity"></i> zmdi-local-activity</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="email" data-code="f15a"><p><i class="zmdi zmdi-local-post-office"></i> zmdi-local-post-office</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="print" data-code="f1b0"><p><i class="zmdi zmdi-local-printshop"></i> zmdi-local-printshop</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="camera" data-code="f28c"><p><i class="zmdi zmdi-local-see"></i> zmdi-local-see</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="truck" data-code="f1e6"><p><i class="zmdi zmdi-local-shipping"></i> zmdi-local-shipping</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="store" data-code="f1d4"><p><i class="zmdi zmdi-local-store"></i> zmdi-local-store</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="car-taxi" data-code="f123"><p><i class="zmdi zmdi-local-taxi"></i> zmdi-local-taxi</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="male-female" data-code="f211"><p><i class="zmdi zmdi-local-wc"></i> zmdi-local-wc</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="map" data-code="f196"><p><i class="zmdi zmdi-map"></i> zmdi-map</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="gps-dot" data-code="f299"><p><i class="zmdi zmdi-my-location"></i> zmdi-my-location</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="nature-people" data-code="f19f"><p><i class="zmdi zmdi-nature-people"></i> zmdi-nature-people</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="nature" data-code="f1a0"><p><i class="zmdi zmdi-nature"></i> zmdi-nature</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="navigation" data-code="f1a1"><p><i class="zmdi zmdi-navigation"></i> zmdi-navigation</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pin-account" data-code="f1a6"><p><i class="zmdi zmdi-pin-account"></i> zmdi-pin-account</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pin-assistant" data-code="f1a7"><p><i class="zmdi zmdi-pin-assistant"></i> zmdi-pin-assistant</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pin-drop" data-code="f1a8"><p><i class="zmdi zmdi-pin-drop"></i> zmdi-pin-drop</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pin-help" data-code="f1a9"><p><i class="zmdi zmdi-pin-help"></i> zmdi-pin-help</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pin-off" data-code="f1aa"><p><i class="zmdi zmdi-pin-off"></i> zmdi-pin-off</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pin" data-code="f1ab"><p><i class="zmdi zmdi-pin"></i> zmdi-pin</p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="traffic" data-code="f1e2"><p><i class="zmdi zmdi-traffic"></i> zmdi-traffic</p></div>

                        </div>
                    </section>

                    <section class="icon-set" id="view">
                        <h2 class="page-header">View</h2>
                        <div class="clearfix">

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="apps" data-code="f313"><p><i class="zmdi zmdi-apps"></i> <span>apps</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="grid-off" data-code="f314"><p><i class="zmdi zmdi-grid-off"></i> <span>grid-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="grid" data-code="f315"><p><i class="zmdi zmdi-grid"></i> <span>grid</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-agenda" data-code="f316"><p><i class="zmdi zmdi-view-agenda"></i> <span>view-agenda</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-array" data-code="f317"><p><i class="zmdi zmdi-view-array"></i> <span>view-array</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-carousel" data-code="f318"><p><i class="zmdi zmdi-view-carousel"></i> <span>view-carousel</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-column" data-code="f319"><p><i class="zmdi zmdi-view-column"></i> <span>view-column</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-comfy" data-code="f31a"><p><i class="zmdi zmdi-view-comfy"></i> <span>view-comfy</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-compact" data-code="f31b"><p><i class="zmdi zmdi-view-compact"></i> <span>view-compact</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-dashboard" data-code="f31c"><p><i class="zmdi zmdi-view-dashboard"></i> <span>view-dashboard</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-day" data-code="f31d"><p><i class="zmdi zmdi-view-day"></i> <span>view-day</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-headline" data-code="f31e"><p><i class="zmdi zmdi-view-headline"></i> <span>view-headline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-list-alt" data-code="f31f"><p><i class="zmdi zmdi-view-list-alt"></i> <span>view-list-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-list" data-code="f320"><p><i class="zmdi zmdi-view-list"></i> <span>view-list</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-module" data-code="f321"><p><i class="zmdi zmdi-view-module"></i> <span>view-module</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-quilt" data-code="f322"><p><i class="zmdi zmdi-view-quilt"></i> <span>view-quilt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-stream" data-code="f323"><p><i class="zmdi zmdi-view-stream"></i> <span>view-stream</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-subtitles" data-code="f324"><p><i class="zmdi zmdi-view-subtitles"></i> <span>view-subtitles</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-toc" data-code="f325"><p><i class="zmdi zmdi-view-toc"></i> <span>view-toc</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-web" data-code="f326"><p><i class="zmdi zmdi-view-web"></i> <span>view-web</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="view-week" data-code="f327"><p><i class="zmdi zmdi-view-week"></i> <span>view-week</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="widgets" data-code="f328"><p><i class="zmdi zmdi-widgets"></i> <span>widgets</span></p></div>

                        </div>
                    </section>

                    <section class="icon-set" id="time">
                        <h2 class="page-header">Date / Time</h2>
                        <div class="clearfix">

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="alarm-check" data-code="f329"><p><i class="zmdi zmdi-alarm-check"></i> <span>alarm-check</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="alarm-off" data-code="f32a"><p><i class="zmdi zmdi-alarm-off"></i> <span>alarm-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="alarm-plus" data-code="f32b"><p><i class="zmdi zmdi-alarm-plus"></i> <span>alarm-plus</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="alarm-snooze" data-code="f32c"><p><i class="zmdi zmdi-alarm-snooze"></i> <span>alarm-snooze</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="alarm" data-code="f32d"><p><i class="zmdi zmdi-alarm"></i> <span>alarm</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="calendar-alt" data-code="f32e"><p><i class="zmdi zmdi-calendar-alt"></i> <span>calendar-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="calendar-check" data-code="f32f"><p><i class="zmdi zmdi-calendar-check"></i> <span>calendar-check</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="calendar-close" data-code="f330"><p><i class="zmdi zmdi-calendar-close"></i> <span>calendar-close</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="calendar-note" data-code="f331"><p><i class="zmdi zmdi-calendar-note"></i> <span>calendar-note</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="calendar" data-code="f332"><p><i class="zmdi zmdi-calendar"></i> <span>calendar</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="time-countdown" data-code="f333"><p><i class="zmdi zmdi-time-countdown"></i> <span>time-countdown</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="time-interval" data-code="f334"><p><i class="zmdi zmdi-time-interval"></i> <span>time-interval</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="time-restore-setting" data-code="f335"><p><i class="zmdi zmdi-time-restore-setting"></i> <span>time-restore-setting</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="time-restore" data-code="f336"><p><i class="zmdi zmdi-time-restore"></i> <span>time-restore</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="time" data-code="f337"><p><i class="zmdi zmdi-time"></i> <span>time</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="timer-off" data-code="f338"><p><i class="zmdi zmdi-timer-off"></i> <span>timer-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="timer" data-code="f339"><p><i class="zmdi zmdi-timer"></i> <span>timer</span></p></div>

                        </div>
                    </section>

                    <section class="icon-set" id="social">
                        <h2 class="page-header">Social</h2>
                        <div class="clearfix">

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="android-alt" data-code="f33a"><p><i class="zmdi zmdi-android-alt"></i> <span>android-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="android" data-code="f33b"><p><i class="zmdi zmdi-android"></i> <span>android</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="apple" data-code="f33c"><p><i class="zmdi zmdi-apple"></i> <span>apple</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="behance" data-code="f33d"><p><i class="zmdi zmdi-behance"></i> <span>behance</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="codepen" data-code="f33e"><p><i class="zmdi zmdi-codepen"></i> <span>codepen</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="dribbble" data-code="f33f"><p><i class="zmdi zmdi-dribbble"></i> <span>dribbble</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="dropbox" data-code="f340"><p><i class="zmdi zmdi-dropbox"></i> <span>dropbox</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="evernote" data-code="f341"><p><i class="zmdi zmdi-evernote"></i> <span>evernote</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="facebook-box" data-code="f342"><p><i class="zmdi zmdi-facebook-box"></i> <span>facebook-box</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="facebook" data-code="f343"><p><i class="zmdi zmdi-facebook"></i> <span>facebook</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="github-box" data-code="f344"><p><i class="zmdi zmdi-github-box"></i> <span>github-box</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="github" data-code="f345"><p><i class="zmdi zmdi-github"></i> <span>github</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="google-drive" data-code="f346"><p><i class="zmdi zmdi-google-drive"></i> <span>google-drive</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="google-earth" data-code="f347"><p><i class="zmdi zmdi-google-earth"></i> <span>google-earth</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="google-glass" data-code="f348"><p><i class="zmdi zmdi-google-glass"></i> <span>google-glass</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="google-maps" data-code="f349"><p><i class="zmdi zmdi-google-maps"></i> <span>google-maps</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="google-pages" data-code="f34a"><p><i class="zmdi zmdi-google-pages"></i> <span>google-pages</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="google-play" data-code="f34b"><p><i class="zmdi zmdi-google-play"></i> <span>google-play</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="google-plus-box" data-code="f34c"><p><i class="zmdi zmdi-google-plus-box"></i> <span>google-plus-box</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="google-plus" data-code="f34d"><p><i class="zmdi zmdi-google-plus"></i> <span>google-plus</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="google" data-code="f34e"><p><i class="zmdi zmdi-google"></i> <span>google</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="instagram" data-code="f34f"><p><i class="zmdi zmdi-instagram"></i> <span>instagram</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="language-css3" data-code="f350"><p><i class="zmdi zmdi-language-css3"></i> <span>language-css3</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="language-html5" data-code="f351"><p><i class="zmdi zmdi-language-html5"></i> <span>language-html5</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="language-javascript" data-code="f352"><p><i class="zmdi zmdi-language-javascript"></i> <span>language-javascript</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="language-python-alt" data-code="f353"><p><i class="zmdi zmdi-language-python-alt"></i> <span>language-python-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="language-python" data-code="f354"><p><i class="zmdi zmdi-language-python"></i> <span>language-python</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="lastfm" data-code="f355"><p><i class="zmdi zmdi-lastfm"></i> <span>lastfm</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="linkedin-box" data-code="f356"><p><i class="zmdi zmdi-linkedin-box"></i> <span>linkedin-box</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="paypal" data-code="f357"><p><i class="zmdi zmdi-paypal"></i> <span>paypal</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pinterest-box" data-code="f358"><p><i class="zmdi zmdi-pinterest-box"></i> <span>pinterest-box</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pocket" data-code="f359"><p><i class="zmdi zmdi-pocket"></i> <span>pocket</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="polymer" data-code="f35a"><p><i class="zmdi zmdi-polymer"></i> <span>polymer</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="share" data-code="f35b"><p><i class="zmdi zmdi-share"></i> <span>share</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="stack-overflow" data-code="f35c"><p><i class="zmdi zmdi-stack-overflow"></i> <span>stack-overflow</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="steam-square" data-code="f35d"><p><i class="zmdi zmdi-steam-square"></i> <span>steam-square</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="steam" data-code="f35e"><p><i class="zmdi zmdi-steam"></i> <span>steam</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="twitter-box" data-code="f35f"><p><i class="zmdi zmdi-twitter-box"></i> <span>twitter-box</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="twitter" data-code="f360"><p><i class="zmdi zmdi-twitter"></i> <span>twitter</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="vk" data-code="f361"><p><i class="zmdi zmdi-vk"></i> <span>vk</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="wikipedia" data-code="f362"><p><i class="zmdi zmdi-wikipedia"></i> <span>wikipedia</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="windows" data-code="f363"><p><i class="zmdi zmdi-windows"></i> <span>windows</span></p></div>
                        </div>
                    </section>

                    <section class="icon-set" id="image">
                        <h2 class="page-header">Image</h2>
                        <div class="clearfix">

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="aspect-ratio-alt" data-code="f364"><p><i class="zmdi zmdi-aspect-ratio-alt"></i> <span>aspect-ratio-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="aspect-ratio" data-code="f365"><p><i class="zmdi zmdi-aspect-ratio"></i> <span>aspect-ratio</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="blur-circular" data-code="f366"><p><i class="zmdi zmdi-blur-circular"></i> <span>blur-circular</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="blur-linear" data-code="f367"><p><i class="zmdi zmdi-blur-linear"></i> <span>blur-linear</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="blur-off" data-code="f368"><p><i class="zmdi zmdi-blur-off"></i> <span>blur-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="blur" data-code="f369"><p><i class="zmdi zmdi-blur"></i> <span>blur</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="brightness-2" data-code="f36a"><p><i class="zmdi zmdi-brightness-2"></i> <span>brightness-2</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="brightness-3" data-code="f36b"><p><i class="zmdi zmdi-brightness-3"></i> <span>brightness-3</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="brightness-4" data-code="f36c"><p><i class="zmdi zmdi-brightness-4"></i> <span>brightness-4</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="brightness-5" data-code="f36d"><p><i class="zmdi zmdi-brightness-5"></i> <span>brightness-5</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="brightness-6" data-code="f36e"><p><i class="zmdi zmdi-brightness-6"></i> <span>brightness-6</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="brightness-7" data-code="f36f"><p><i class="zmdi zmdi-brightness-7"></i> <span>brightness-7</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="brightness-auto" data-code="f370"><p><i class="zmdi zmdi-brightness-auto"></i> <span>brightness-auto</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="brightness-setting" data-code="f371"><p><i class="zmdi zmdi-brightness-setting"></i> <span>brightness-setting</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="broken-image" data-code="f372"><p><i class="zmdi zmdi-broken-image"></i> <span>broken-image</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="center-focus-strong" data-code="f373"><p><i class="zmdi zmdi-center-focus-strong"></i> <span>center-focus-strong</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="center-focus-weak" data-code="f374"><p><i class="zmdi zmdi-center-focus-weak"></i> <span>center-focus-weak</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="compare" data-code="f375"><p><i class="zmdi zmdi-compare"></i> <span>compare</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="crop-16-9" data-code="f376"><p><i class="zmdi zmdi-crop-16-9"></i> <span>crop-16-9</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="crop-3-2" data-code="f377"><p><i class="zmdi zmdi-crop-3-2"></i> <span>crop-3-2</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="crop-5-4" data-code="f378"><p><i class="zmdi zmdi-crop-5-4"></i> <span>crop-5-4</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="crop-7-5" data-code="f379"><p><i class="zmdi zmdi-crop-7-5"></i> <span>crop-7-5</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="crop-din" data-code="f37a"><p><i class="zmdi zmdi-crop-din"></i> <span>crop-din</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="crop-free" data-code="f37b"><p><i class="zmdi zmdi-crop-free"></i> <span>crop-free</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="crop-landscape" data-code="f37c"><p><i class="zmdi zmdi-crop-landscape"></i> <span>crop-landscape</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="crop-portrait" data-code="f37d"><p><i class="zmdi zmdi-crop-portrait"></i> <span>crop-portrait</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="crop-square" data-code="f37e"><p><i class="zmdi zmdi-crop-square"></i> <span>crop-square</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="exposure-alt" data-code="f37f"><p><i class="zmdi zmdi-exposure-alt"></i> <span>exposure-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="exposure" data-code="f380"><p><i class="zmdi zmdi-exposure"></i> <span>exposure</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="filter-b-and-w" data-code="f381"><p><i class="zmdi zmdi-filter-b-and-w"></i> <span>filter-b-and-w</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="filter-center-focus" data-code="f382"><p><i class="zmdi zmdi-filter-center-focus"></i> <span>filter-center-focus</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="filter-frames" data-code="f383"><p><i class="zmdi zmdi-filter-frames"></i> <span>filter-frames</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="filter-tilt-shift" data-code="f384"><p><i class="zmdi zmdi-filter-tilt-shift"></i> <span>filter-tilt-shift</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="gradient" data-code="f385"><p><i class="zmdi zmdi-gradient"></i> <span>gradient</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="grain" data-code="f386"><p><i class="zmdi zmdi-grain"></i> <span>grain</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="graphic-eq" data-code="f387"><p><i class="zmdi zmdi-graphic-eq"></i> <span>graphic-eq</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hdr-off" data-code="f388"><p><i class="zmdi zmdi-hdr-off"></i> <span>hdr-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hdr-strong" data-code="f389"><p><i class="zmdi zmdi-hdr-strong"></i> <span>hdr-strong</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hdr-weak" data-code="f38a"><p><i class="zmdi zmdi-hdr-weak"></i> <span>hdr-weak</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hdr" data-code="f38b"><p><i class="zmdi zmdi-hdr"></i> <span>hdr</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="iridescent" data-code="f38c"><p><i class="zmdi zmdi-iridescent"></i> <span>iridescent</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="leak-off" data-code="f38d"><p><i class="zmdi zmdi-leak-off"></i> <span>leak-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="leak" data-code="f38e"><p><i class="zmdi zmdi-leak"></i> <span>leak</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="looks" data-code="f38f"><p><i class="zmdi zmdi-looks"></i> <span>looks</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="loupe" data-code="f390"><p><i class="zmdi zmdi-loupe"></i> <span>loupe</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="panorama-horizontal" data-code="f391"><p><i class="zmdi zmdi-panorama-horizontal"></i> <span>panorama-horizontal</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="panorama-vertical" data-code="f392"><p><i class="zmdi zmdi-panorama-vertical"></i> <span>panorama-vertical</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="panorama-wide-angle" data-code="f393"><p><i class="zmdi zmdi-panorama-wide-angle"></i> <span>panorama-wide-angle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="photo-size-select-large" data-code="f394"><p><i class="zmdi zmdi-photo-size-select-large"></i> <span>photo-size-select-large</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="photo-size-select-small" data-code="f395"><p><i class="zmdi zmdi-photo-size-select-small"></i> <span>photo-size-select-small</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="picture-in-picture" data-code="f396"><p><i class="zmdi zmdi-picture-in-picture"></i> <span>picture-in-picture</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="slideshow" data-code="f397"><p><i class="zmdi zmdi-slideshow"></i> <span>slideshow</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="texture" data-code="f398"><p><i class="zmdi zmdi-texture"></i> <span>texture</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="tonality" data-code="f399"><p><i class="zmdi zmdi-tonality"></i> <span>tonality</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="vignette" data-code="f39a"><p><i class="zmdi zmdi-vignette"></i> <span>vignette</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="wb-auto" data-code="f39b"><p><i class="zmdi zmdi-wb-auto"></i> <span>wb-auto</span></p></div>

                        </div>
                    </section>

                    <section class="icon-set" id="av">
                        <h2 class="page-header">Audio / Video</h2>
                        <div class="clearfix">

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="eject-alt" data-code="f39c"><p><i class="zmdi zmdi-eject-alt"></i> <span>eject-alt</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="eject" data-code="f39d"><p><i class="zmdi zmdi-eject"></i> <span>eject</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="equalizer" data-code="f39e"><p><i class="zmdi zmdi-equalizer"></i> <span>equalizer</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="fast-forward" data-code="f39f"><p><i class="zmdi zmdi-fast-forward"></i> <span>fast-forward</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="fast-rewind" data-code="f3a0"><p><i class="zmdi zmdi-fast-rewind"></i> <span>fast-rewind</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="forward-10" data-code="f3a1"><p><i class="zmdi zmdi-forward-10"></i> <span>forward-10</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="forward-30" data-code="f3a2"><p><i class="zmdi zmdi-forward-30"></i> <span>forward-30</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="forward-5" data-code="f3a3"><p><i class="zmdi zmdi-forward-5"></i> <span>forward-5</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hearing" data-code="f3a4"><p><i class="zmdi zmdi-hearing"></i> <span>hearing</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pause-circle-outline" data-code="f3a5"><p><i class="zmdi zmdi-pause-circle-outline"></i> <span>pause-circle-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pause-circle" data-code="f3a6"><p><i class="zmdi zmdi-pause-circle"></i> <span>pause-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="pause" data-code="f3a7"><p><i class="zmdi zmdi-pause"></i> <span>pause</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="play-circle-outline" data-code="f3a8"><p><i class="zmdi zmdi-play-circle-outline"></i> <span>play-circle-outline</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="play-circle" data-code="f3a9"><p><i class="zmdi zmdi-play-circle"></i> <span>play-circle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="play" data-code="f3aa"><p><i class="zmdi zmdi-play"></i> <span>play</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="playlist-audio" data-code="f3ab"><p><i class="zmdi zmdi-playlist-audio"></i> <span>playlist-audio</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="playlist-plus" data-code="f3ac"><p><i class="zmdi zmdi-playlist-plus"></i> <span>playlist-plus</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="repeat-one" data-code="f3ad"><p><i class="zmdi zmdi-repeat-one"></i> <span>repeat-one</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="repeat" data-code="f3ae"><p><i class="zmdi zmdi-repeat"></i> <span>repeat</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="replay-10" data-code="f3af"><p><i class="zmdi zmdi-replay-10"></i> <span>replay-10</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="replay-30" data-code="f3b0"><p><i class="zmdi zmdi-replay-30"></i> <span>replay-30</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="replay-5" data-code="f3b1"><p><i class="zmdi zmdi-replay-5"></i> <span>replay-5</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="replay" data-code="f3b2"><p><i class="zmdi zmdi-replay"></i> <span>replay</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="shuffle" data-code="f3b3"><p><i class="zmdi zmdi-shuffle"></i> <span>shuffle</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="skip-next" data-code="f3b4"><p><i class="zmdi zmdi-skip-next"></i> <span>skip-next</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="skip-previous" data-code="f3b5"><p><i class="zmdi zmdi-skip-previous"></i> <span>skip-previous</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="stop" data-code="f3b6"><p><i class="zmdi zmdi-stop"></i> <span>stop</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="surround-sound" data-code="f3b7"><p><i class="zmdi zmdi-surround-sound"></i> <span>surround-sound</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="tune" data-code="f3b8"><p><i class="zmdi zmdi-tune"></i> <span>tune</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="volume-down" data-code="f3b9"><p><i class="zmdi zmdi-volume-down"></i> <span>volume-down</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="volume-mute" data-code="f3ba"><p><i class="zmdi zmdi-volume-mute"></i> <span>volume-mute</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="volume-off" data-code="f3bb"><p><i class="zmdi zmdi-volume-off"></i> <span>volume-off</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="volume-up" data-code="f3bc"><p><i class="zmdi zmdi-volume-up"></i> <span>volume-up</span></p></div>

                        </div>
                    </section>

                    <section class="icon-set" id="numbers">
                        <h2 class="page-header">Numbers</h2>
                        <div class="clearfix">

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="n-1-square" data-code="f3bd"><p><i class="zmdi zmdi-n-1-square"></i> <span>n-1-square</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="n-2-square" data-code="f3be"><p><i class="zmdi zmdi-n-2-square"></i> <span>n-2-square</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="n-3-square" data-code="f3bf"><p><i class="zmdi zmdi-n-3-square"></i> <span>n-3-square</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="n-4-square" data-code="f3c0"><p><i class="zmdi zmdi-n-4-square"></i> <span>n-4-square</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="n-5-square" data-code="f3c1"><p><i class="zmdi zmdi-n-5-square"></i> <span>n-5-square</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="n-6-square" data-code="f3c2"><p><i class="zmdi zmdi-n-6-square"></i> <span>n-6-square</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="neg-1" data-code="f3c3"><p><i class="zmdi zmdi-neg-1"></i> <span>neg-1</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="neg-2" data-code="f3c4"><p><i class="zmdi zmdi-neg-2"></i> <span>neg-2</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="plus-1" data-code="f3c5"><p><i class="zmdi zmdi-plus-1"></i> <span>plus-1</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="plus-2" data-code="f3c6"><p><i class="zmdi zmdi-plus-2"></i> <span>plus-2</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="sec-10" data-code="f3c7"><p><i class="zmdi zmdi-sec-10"></i> <span>sec-10</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="sec-3" data-code="f3c8"><p><i class="zmdi zmdi-sec-3"></i> <span>sec-3</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="zero" data-code="f3c9"><p><i class="zmdi zmdi-zero"></i> <span>zero</span></p></div>

                        </div>
                    </section>

                    <section class="icon-set" id="other">
                        <h2 class="page-header">Other</h2>
                        <div class="clearfix">

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="airline-seat-flat-angled" data-code="f3ca"><p><i class="zmdi zmdi-airline-seat-flat-angled"></i> <span>airline-seat-flat-angled</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="airline-seat-flat" data-code="f3cb"><p><i class="zmdi zmdi-airline-seat-flat"></i> <span>airline-seat-flat</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="airline-seat-individual-suite" data-code="f3cc"><p><i class="zmdi zmdi-airline-seat-individual-suite"></i> <span>airline-seat-individual-suite</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="airline-seat-legroom-extra" data-code="f3cd"><p><i class="zmdi zmdi-airline-seat-legroom-extra"></i> <span>airline-seat-legroom-extra</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="airline-seat-legroom-normal" data-code="f3ce"><p><i class="zmdi zmdi-airline-seat-legroom-normal"></i> <span>airline-seat-legroom-normal</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="airline-seat-legroom-reduced" data-code="f3cf"><p><i class="zmdi zmdi-airline-seat-legroom-reduced"></i> <span>airline-seat-legroom-reduced</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="airline-seat-recline-extra" data-code="f3d0"><p><i class="zmdi zmdi-airline-seat-recline-extra"></i> <span>airline-seat-recline-extra</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="airline-seat-recline-normal" data-code="f3d1"><p><i class="zmdi zmdi-airline-seat-recline-normal"></i> <span>airline-seat-recline-normal</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="airplay" data-code="f3d2"><p><i class="zmdi zmdi-airplay"></i> <span>airplay</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="closed-caption" data-code="f3d3"><p><i class="zmdi zmdi-closed-caption"></i> <span>closed-caption</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="confirmation-number" data-code="f3d4"><p><i class="zmdi zmdi-confirmation-number"></i> <span>confirmation-number</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="developer-board" data-code="f3d5"><p><i class="zmdi zmdi-developer-board"></i> <span>developer-board</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="disc-full" data-code="f3d6"><p><i class="zmdi zmdi-disc-full"></i> <span>disc-full</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="explicit" data-code="f3d7"><p><i class="zmdi zmdi-explicit"></i> <span>explicit</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="flight-land" data-code="f3d8"><p><i class="zmdi zmdi-flight-land"></i> <span>flight-land</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="flight-takeoff" data-code="f3d9"><p><i class="zmdi zmdi-flight-takeoff"></i> <span>flight-takeoff</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="flip-to-back" data-code="f3da"><p><i class="zmdi zmdi-flip-to-back"></i> <span>flip-to-back</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="flip-to-front" data-code="f3db"><p><i class="zmdi zmdi-flip-to-front"></i> <span>flip-to-front</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="group-work" data-code="f3dc"><p><i class="zmdi zmdi-group-work"></i> <span>group-work</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hd" data-code="f3dd"><p><i class="zmdi zmdi-hd"></i> <span>hd</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="hq" data-code="f3de"><p><i class="zmdi zmdi-hq"></i> <span>hq</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="markunread-mailbox" data-code="f3df"><p><i class="zmdi zmdi-markunread-mailbox"></i> <span>markunread-mailbox</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="memory" data-code="f3e0"><p><i class="zmdi zmdi-memory"></i> <span>memory</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="nfc" data-code="f3e1"><p><i class="zmdi zmdi-nfc"></i> <span>nfc</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="play-for-work" data-code="f3e2"><p><i class="zmdi zmdi-play-for-work"></i> <span>play-for-work</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="power-input" data-code="f3e3"><p><i class="zmdi zmdi-power-input"></i> <span>power-input</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="present-to-all" data-code="f3e4"><p><i class="zmdi zmdi-present-to-all"></i> <span>present-to-all</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="satellite" data-code="f3e5"><p><i class="zmdi zmdi-satellite"></i> <span>satellite</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="tap-and-play" data-code="f3e6"><p><i class="zmdi zmdi-tap-and-play"></i> <span>tap-and-play</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="vibration" data-code="f3e7"><p><i class="zmdi zmdi-vibration"></i> <span>vibration</span></p></div>

                            <div class="col-lg-3 col-sm-4 col-xs-6" data-name="voicemail" data-code="f3e8"><p><i class="zmdi zmdi-voicemail"></i> <span>voicemail</span></p></div>

                        </div>
                    </section>
                    
                </div>
            </div>
        </div>
    </section>

</div>